<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>Title</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/main.css">
    <style>
        .over {
            position: fixed;
            left:0; top:0;
            width:100%;
            z-index:100;
        }
    </style>
</head>
<body>
<header class="header">
    <a href="index.html"><img class="iconfont" src="img/fh.svg"></a>
    <h1>用户抽查</h1>
</header>
<div class="wrapmain">
    <div class="wrap-title">
        <span class="fl">基本信息</span>
        <a href="pm2.html" class="fr">历史抽查</a>
    </div>
    <form action="" id="form" class="layui-form">
        <div class="ipt-item">
            <div class="layui-form-item">
                <label class="layui-form-label">住户姓名</label>
                <div class="layui-input-block">
                    <input type="text" name="zhxm" lay-verify="required" autocomplete="off" placeholder="请扫描或或填写住户信息️" class="layui-input" id="zhxx" >
                </div>
                <label for="myPhoto">
                    <img class="iconfont sys" src="img/erwerma.svg">
                </label>
                <div style="display:none;">
                    <div>
                        <div class="qr-btn" node-type="qr-btn">
                            <input node-type="jsbridge" type="file" name="myPhoto"  id="myPhoto"  value="扫描二维码1"  accept="image/*" capture="camera"/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">联系电话</label>
                <div class="layui-input-block">
                    <input type="text" name="zxdh" lay-verify="required" autocomplete="off" placeholder="请填写电话信息" class="layui-input" id="lxdh">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">人口数</label>
                <div class="layui-input-block">
                    <input type="text" name="rks" lay-verify="required" autocomplete="off" placeholder="请填写人口数" class="layui-input" id="rks">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">是否已查</label>
                <div class="layui-input-block">
                    <input type="radio" name="sfyc" value="1" title="是" lay-filter="encrypt" >
                    <input type="radio" name="sfyc" value="0" title="否" lay-filter="encrypt" >
                </div>
            </div>
            <div class="layui-form-item layui-hide ccsj">
                <label class="layui-form-label">抽查时间</label>
                <div class="layui-input-block">
                    <input type="text" name="ccsj" autocomplete="off" placeholder="请填写抽查时间" class="layui-input" id="ccsj">
                </div>
            </div>
        </div>
        <div class="wrap-title">
            <span class="fl">评分</span>
        </div>
        <div class="ipt-item">
            <div class="layui-form-item" pane="">
                <label class="layui-form-label">分类合理</label>
                <div class="layui-input-block">
                    <input type="radio" name="flhl" value="0" title="好">
                    <input type="radio" name="flhl" value="1" title="一般">
                    <input type="radio" name="flhl" value="2" title="较差">
                    <input type="radio" name="flhl" value="3" title="差">
                </div>
            </div>

            <div class="layui-form-item" pane="">
                <label class="layui-form-label">主动投放</label>
                <div class="layui-input-block">
                    <input type="radio" name="zdtf" value="0" title="好">
                    <input type="radio" name="zdtf" value="1" title="一般">
                    <input type="radio" name="zdtf" value="2" title="较差">
                    <input type="radio" name="zdtf" value="3" title="差">
                </div>
            </div>

            <div class="layui-form-item" pane="">
                <label class="layui-form-label">桶身清洁</label>
                <div class="layui-input-block">
                    <input type="radio" name="tsqj" value="0" title="好">
                    <input type="radio" name="tsqj" value="1" title="一般">
                    <input type="radio" name="tsqj" value="2" title="较差">
                    <input type="radio" name="tsqj" value="3" title="差">
                </div>
            </div>

            <div class="layui-form-item" pane="">
                <label class="layui-form-label">周边环境</label>
                <div class="layui-input-block">
                    <input type="radio" name="zbhj" value="0" title="好">
                    <input type="radio" name="zbhj" value="1" title="一般">
                    <input type="radio" name="zbhj" value="2" title="较差">
                    <input type="radio" name="zbhj" value="3" title="差">
                </div>
            </div>


            <div class="layui-form-item" pane="">
                <label class="layui-form-label">是否空桶</label>
                <div class="layui-input-block">
                    <input type="radio" name="sfkt" value="1" title="是">
                    <input type="radio" name="sfkt" value="0" title="否">
                </div>
            </div>
        </div>
        <div class="wrap-title">
            <span class="fl">上传图片</span>
        </div>
        <div class="ipt-item">
            <div class="layui-form-item layui-form-text">
                <div class="layui-input-block" style="margin:0">
                    <textarea placeholder="添加文字描述或上传图片" class="layui-textarea" name="ms"></textarea>
                </div>
            </div>
            <div class="layui-upload" style="margin:0">
                <div class="uploading">
                    <input type="file" onchange="selectImage(this);"/>
                    <img class="iconfont" src="img/pz.svg" style="width:32px;height:32px;">
                </div>
                <div style="clear:both"><img id="image" src="" style="display:none"></div>
            </div>

        </div>
        <div class="layui-form-item" style="border:none">
            <div class="layui-input-block" style="margin-left:10%">
                <button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
            </div>
        </div>
    </form>
</div>

</body>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="layui/layui.js"></script>
<script type="text/javascript" src="js/grobal.js"></script>
<script>
    var image = '';
    function selectImage(file){
        if(!file.files || !file.files[0]){
            return;
        }
        var reader = new FileReader();
        reader.onload = function(evt){
            document.getElementById('image').src = evt.target.result;
            image = evt.target.result;

        }
        reader.readAsDataURL(file.files[0]);
        $("#image").show()
    }
</script>
<script src="js/list.js"></script>
<script src="js/image.js"></script>
<script src="lib/zepto.js"></script>
<script src="lib/qrcode.lib.min.js"></script>
<script src="lib/qrcode.js"></script>
</html>